.loan-and-pay-detail-loan-item {
	height: 1.6rem;
	box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.06);
	border-radius: 5px;
	border: 1px solid #f5f5f5;
	margin: 0.18rem;
	padding: 0.32rem 0.24rem 0.32rem 0.48rem;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	align-items: center;
	.loan-and-pay-item-left {
		.loan-and-pay-item-left-money {
			color: #302e2f;
			font-size: 0.32rem;
			margin-bottom: 0.18rem;
			position: relative;
			.tip {
				position: absolute;
				width: 1.3rem;
				font-size: 0.2rem;
				height: 0.36rem;
				border-radius: 0.2rem 0.2rem 0.2rem 0;

				color: #fff;
				line-height: 0.36rem;
				text-align: center;
				top: 0;
				right: -1.5rem;
				&.green {
					background-color: #45ba7e;
				}
				&.red {
					background-color: #ff3534;
				}
			}
		}
		.loan-and-pay-item-left-time {
			color: #838383;
			font-size: 0.24rem;
		}
	}
	.loan-and-pay-item-right {
		color: #353535;
		font-size: 0.24rem;
		.icon-grey {
			color: #888;
			vertical-align: middle;
		}
		.loan-and-pay-item-right-money {
			font-weight: 500;
			color: #302e2f;
			font-size: 0.32rem;
			margin-bottom: 0.18rem;
		}
		.color-green {
			color: #45ba7e;
		}
		.color-red {
			color: #ff3534;
			text-align: right;
		}
	}
}
